<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>地图定位</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      #container {
        width: 100%;
        height: 100vh;
      }


    </style>
    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode:'64f6dbd787442a757c2985feb52b0abe',
        }


    </script>
    <script type="text/javascript"
            src="https://webapi.amap.com/maps?v=1.4.15&key=5b131ecf85d77d41cdba47a989b8bb76"></script>
</head>
<body>
<div id="container"></div>
<script>
    var map = new AMap.Map("container", {
       zoom: 13, //级别
       center: [116.397428, 39.90923], //中心点坐标
     })

      function getLocation (lon, lat) {
        // 将坐标定位到对应的经纬度上
          var marker = new AMap.Marker({
            position: [lon, lat],
            title: '',
            map: map
        });
        map.setZoomAndCenter(18, [lon, lat])
      }


</script>
</body>
</html>
